/**
文字-粗体
 */
.opal-txt_bold{
    font-weight: bold;
}
/**
文字 --大小
 */
.opal-txt_size{
    font-size: 20px;
}
/**
文字 --颜色
 */
.opal-txt_color_1{
    color: #d9534f;
    text-shadow:-2px 0 2px #FFFF00;
}

.opal-font{
    text-align:center;
    font-size: 23px;
    font-weight: bold;
    color: rgba(69,137,148,1);
    font-family: 华文仿宋;
    /*font: bold 23px/1 华文仿宋;*/
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 15px 15px rgba(0, 0, 0, 0.15);
}
.opal-font:hover{color:#FF00FF;font-size: 25px} /* 鼠标划过链接 */
.opal-font:active {color:#0000FF;} /* 已选中的链接 */

.opal-font_1{
    font-size: 2vm;
}

/**
边框样式1
 */
.opa-border_1{
    border:2px #FFFF00 solid;
    box-shadow:-10px 0 10px #FFFF00;
    animation: opa-border_1_key 5s linear infinite;
}

@-webkit-keyframes opa-border_1_key{
    0%{
        box-shadow: -10px 0 10px #FFFF00;
    }
    15%{
        box-shadow: -10px 0 10px #fff3f3;
    }
    35%{
        box-shadow: -10px 0 10px #FFFF00;
    }
    55%{
        box-shadow: -10px 0 10px #fff3f3;
    }
    75%{
        box-shadow: -10px 0 10px #FFFF00;
    }
    83%{
        box-shadow: -10px 0 10px #fff3f3;
    }

}
/**
边框样式2
 */
.opa-border_2{
    border: #00F7DE solid 2px;
    box-shadow:-10px 0 10px #00F7DE;  /* 让边框发光*/
    animation: opa-border_2_key 5s linear infinite;
}

@-webkit-keyframes opa-border_2_key{
    0%{
        box-shadow: -10px 0 10px #00F7DE;
    }
    15%{
        box-shadow: -10px 0 10px #fff3f3;
    }
    35%{
        box-shadow: -10px 0 10px #00F7DE;
    }
    55%{
        box-shadow: -10px 0 10px #fff3f3;
    }
    75%{
        box-shadow: -10px 0 10px #00F7DE;
    }
    83%{
        box-shadow: -10px 0 10px #fff3f3;
    }

}
/**
边框样式3
 */
.opa-border_3{
    border: #eb7350 solid 2px;
    box-shadow:-10px 0 10px #eb7350;  /* 让边框发光*/
    animation: opa-border_3_key 5s linear infinite;
}

@-webkit-keyframes opa-border_3_key{
    0%{
        box-shadow: -10px 0 10px #eb7350;
    }
    15%{
        box-shadow: -10px 0 10px #fff3f3;
    }
    35%{
        box-shadow: -10px 0 10px #eb7350;
    }
    55%{
        box-shadow: -10px 0 10px #fff3f3;
    }
    75%{
        box-shadow: -10px 0 10px #eb7350;
    }
    83%{
        box-shadow: -10px 0 10px #fff3f3;
    }
}
/**
按钮样式-  炫酷按钮
 */
.opal-btn{
    outline:none;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    font-size: 20px;
    background:linear-gradient(20deg,#03a9f4,#f441a5,#ffeb3b,#f441a5,#03a9f4);
    background-size: 400%;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    border-radius: 10px;
    border:0px;
}
.opal-btn:hover{
    animation: opal-btn-sun 8s alternate infinite linear;
    box-shadow: -1px -5px 16px #fff3f3,1px 5px 16px #fff3f3;
}
.opal-btn:active{
    box-shadow: -1px -5px 16px pink,1px 5px 16px pink;
    text-shadow: -1px -5px 16px pink,1px 5px 16px pink;
}

@keyframes  opal-btn-sun{
    from{
        background-position: 0%;
    }
    to{
        background-position: 100%;
    }
}
